بسم الله الرحمن الرحيم 


((سبحانك لا علم لنا إلا ما علمتنا إنك أنت العليم الحكيم)) 


10 111 1491 37 7 57 011 لتتسوني 


أسم فك العناة مس مزج 
[/ا[2154:20): [الالالالالا 
موقج كسب الخاسب الشريية 


لا ننسنى من دعوة صالحة لي ولجميع الأمة المسلمة 


ولا تنسى دعوتي لزيارة موقعك بعد أن تقوم بتصميمه 


كيفية تصميم موقع مجاني من البداية حتى النهاية 


تأليف : حسام الدين حسن 

البريد الإلكتروي: 60177. 1360111316001 _52111لاآ 

الموقع : جررمك. درومعع[. اع نام 0100١‏ ثنا. الالالالالا 

مجالاتي : تصميم مواقع - برمجة البرامج والألعاب بالفيجوال بيسك ومتوسط بال)(1ع ©0117 
تحميل الكتاب : تم تحميل الكتاب من موقع كتب الحاسب العربية 2.011 4(اء. /لاللاللا 
للتعارف والتعاون : فقط راسنلي على الإيميل 

تاريخ كتابة الكتاب : ٠٠١1//.05/٠١1١‏ 

أرجوا منك أخي الكريم نشر الكتاب حتى تعم الفائدة للجميع 


وإذا كان لديك أي سؤال أو الحصول على المساعدة أو لديك مشروع عن موقع وتريدني أن أشاركك ببنائه لا تتردد 
يمكنك مراسلتي على البريد الإلكتروني 


أخوك : حسام الدين حسن 2111_173©011214001.60111 5لاطا 
إهداء : 


أهدي هذا الكتاب بشكل عام لجميع المسلمين في انحاء العالم ولأهلنا في العراق وفلسطين نصرهم الله على أعدائهم 
وأهدي الكتاب بشكل خاص لك عزيزي القارىء ولأبي وأمي حفظهم الله 


حقوق النشر: 


*حقوق كتاب تصميم موقع مجاني من البداية حتى النهاية محفوظة للمؤلف ويحق لأي شخص نشره على صورته 
الإلكترونية ولا يحق إستغلاله بمنفعة مادية أو تجارية فالكتاب مجاني 9٠١٠١‏ 


*اسماء البرامج المذكورة في هذا الكتاب مثل 701452606 وغيرها هي علامات تجارية مسجلة لاصحابهاء 
والمؤلف يحترم هذه العلامات 
ويقر بها لماليكها سواء آكانوا افراد او شركات او أي جهة تنظيمية» ولم يتم ذكرها للاختصار. 


جميع الاراء الموجودة في هذا الكتاب تعبر عن رأي المؤلف الشخصي 

٠ مقدمه‎ 

نظراً لقلت الكتب العربية في مجال بناء المواقع ونظراً لكثرة الأسئلة حول بناء مواقع شخصية ومجانية قررت إنشاء 
هذا الكتاب لوجه الله وإذا كان هناك أي خطأ في الكتاب أرجوا مراسلتي لتصحيح وتنقيح هذا الكتاب وتطويره فهذا 
الكتاب الأول الذي أقوم بكتابته فاعذروني عند التقصير 

ملاحظة : مع الكتاب يوجد أمثلة لتصميم الصفحات 

ماهو الموقع المجاني الذي يمكنك بنائه: 


ستتعلم معنا بناء صفحات جميلة ورائعة لموقعك إظافة إلى أن الموقع سيكون موقع مجاني ذو مساحة 5٠‏ ميجا 
لصفحات وصور الموقع و١٠٠٠‏ مجيا للملفات (كالأغاني والفيديو )إظافة إلى ذلك إنشاء سجل زوار + قائمة بريدية 
+ عداد زوار + نموذج بريدي 


متطلبات لبناء موقع مجاني: 
أن تكون مفعماً بالإرادة والحماس لبناء موقع إظافة إلى أن يكون عندك هذه البرامج : 


٠-١‏ برنامج الفرنت بيج 17014522306 (وهو برنامج يأتي مع حزمة أوفيس أعتقد إن البرنامج معروف 
وموجود في كل مكان وإذا لم يكن لديك البرنامج إذهب لأي محل كمبيوتر واطلب منه (01 لبرامج أوفيس) 

؟"- برنامج محرر صور أفضلها وأكثرها إستخداماً الفوتوشوب (فائدة هذا البرنامج لإنشاء الصور التي تريد 
وضعها على الموقع ( ١‏ 

*- أن يكون لديك اتصال بالأنترنت (لحجز المساحة ولتحميل الملفات) 


0-7 
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خطوات إنشاء الموقع : 


- فكر في موضوع موقعك و اسمه . 
يجب ان يكون اسم الموقع متعلق بموضوع و محتوى الموقع 


- ارسم موقعك على ورقة . 
لا تستغرب فهذه الطريقة يستخدمها افضل مصممي المواقع 


- حجز مساحة لموقعك على الانترنت : 

هناك العديد من الشركات التي تقدم الاستضافة المجانية وقد إخترت لك أفضل هذه الشركات وأكثرها إستخداماً وأسهلها 
وهي شركة جيران 211.60171اعع]. الاللالنا 

لماذا اخترت جيران ؟ بكل بساطة لأن إعلاناتها قليلة وصغيرة ومقبولة وأهم شيء تعطيك خدمات مجانية جاهزة كسجل 
زوار - وعداد زوار- وقائمة بريديهة و نمودج بريدي إضافه لكونها شركة عربية 


الجزء الأول - إنشاء الصفحات بال 270116522606 : 


أولاً إفتح برنامج الفرنت بيج وذلك بالذهاب إلى قائمة إبدأ ومن ثم البرامج ومن ثم عوجح15مره2 05016ان الا 
وهذه هي صورة البرنامج : 


اط ا_عمدم_بععم - مومع <أمهعط اأمعمى زابز ل 


ولف تحربر عرض إدراج تلسيق أدوات جدول إطارات إطار تعليمات - كنب سؤالا للتعليماد 


اط.1_عوهم_سعم/ | طرق العرض * صفحة جديدة أو ويب جد ١‏ 
امع كقانا_ بع تكمة 1 لمدكا 


6 25 أماء5قا_نمعةغم كالم 
تامااء15_مقحعوبابه8 
هي أمأع35_ مقعم الم 
مها صفحات إضافية.., 


شريط الأدوات أظن أنة معروف ولاداعى لشرجهة 


مجلدات انه 
0 صفحة فارغة 

18 6 صفحة ويب فارغة 

تقارير بحديه من صفحة مووحودة 


ع :حديد عن قالب 


كتاب تصميم موقح مجاني من البداية حتى النهاية 0 قوت الصف 


لها قوالب موقع وب... 


ل 
0 [© قوالب على مم,غمومسع لام 


ارتباطات 
هنا التصميم المرشي للصفحات وسوف يتم كه 
التعامل معه في الكتاب 
مهام 


عافد ربعت الذى عيسه 
3 5 لشاهدة كود الأمالا 


] إضافة موضع شبكة الاتصال.., 
2 تعليمات عوةمغممع] غ]مومتو اما 


كنا إظهار عند بدء التشغيل 
“ | محاينة © 711ب كا اعفان عبد جه 


ثائية فوق 54.8 0 15 النلا 


كما ترى في الصورة السابقة فهو برنامج بسيط وسهل ولكنه مليء بالأوامر والأن بعد أن تعرفت على برنامج 
مم سمي بالله وتعال نبدأ معأ بإانشاء أفضل واروع موقع مع سجل زوار و 5016 


ملاحظة هامة جداً قبل البدأ : 


قبل إنشاء صفحتك اختر [0م)!] وقم بمسح الكود المحدد : 


"012-251 اللآططل» 


حنقة ع ط> 
"انق رآ --213 012 نا 1157 م - تزنا 111[ 11213> 
111 5115-2 طتزمع 1ل 1 


لأعاتاه عا '' 13ت ضزه ت 1ن 
اتا امه "ع تزج” 22211و نا"*-77 111 2- تر 1 11215 
<81516/ »> الصفحة الرئيسية<615616> 
+ عامط قشردء 1057123151 01ئاترة 5315716> 
<ه 5771 /ر > 
حتقة عطا/ > 


© :2م14 :252-3152 131عهش :177 1فتة 2 -طتادع :#100100 


1هحي2 تتقمط>» 


عوط 16طةط > 
ددعانا > 
510 64> 
0 111:64 > 
حطعانا ثري > 
جاع 1 طلةطا ثر > 
#1" -12م1ه 26 16طةع > 
دطعانا > 
رمد 7تزتو نكيت حمر م كاتس كاحت عستهين حنحة تتعرمدة ‏ المعو ويد «ددية 23201002 
«نلانا ثر > طط/ر > 011 1 ثر >طة / > الصفحة الرئيسية << "لاط . +120 ''- 2ع ططط 53> 
"4 '-3156 "212131 "-2368 طتامع ><دط><''49 "01252 161 "205 'خط 5710 60> 
حلط >#طط/ > نا ناه ع / >طة / >سجل الزوار< لاط . علقمة "2غ ططط 53> 
<'"4 -351756 "1831 2ش "'دعع23 عنام ><ط>< "49 '<ث6 طن 1ع "55-205 510 50> 
تلان ث,ر >#طتاط/ر > اناه 2 ثر >نة / > | لاتصال بنا< "لاط . 153581 "قط 85> 
<'"4'-51256 "1831طش"دعع28 طنامع ><ط><"49 "62 دان 261 "205"-55 110 50> 
تلان ر >حتطثر > ناتاه ع 'ر>طة ر>قاثمتنا البويدية< "لاط .0ع تة 8" - 1ع قط 53> 
ار » 
<اء 1 طلةط /ر > 
# "2ه 1معقط "126213115295 "2123 لشهنالآه !الل '-10 1005 :51101511 5611131 ثزة811ت "4 "عل عوط 16 طةء > 
م 
<''4 "3517562 "1831طش"دعع3ةة طنامع ><ط><: "290 "0552 261 510-255 50> 
<> <ت[> ةط > :زه ا ثر >نة ر>معلومات عني< "لاط . علاه 1د[ "د قط 5> 
حت[ >حتطثر >< تزه ع /ر >طة /ر >سجل الزوار< ' للااظ. عقتقهة "2ق عطط 5156-45 "1151ط "دعع25 طتاهع > 
حاط” > طقط” >< تزه / >ة / > | لأتصاا. بنا << "للاطط . 153581 2ع تقط 4-5 '-3156 151علل '"-2538 طتاه ول > 
4 | معاينة 4 عادي ها 


تصميم الصفحات : 

هل فكرت بإسم لموقعك وماذا ستريد أن تضع بداخله إذا لم تفكر فكر وبعدها تابع معي 

التصميم سهل جداً فيجب عليك أولاً تقسيم الصفحة إلى عدة أقسام عن طريق الجداول 

أولاآً تصميم جدول في الأعلى وسيكون داخل هذا الجدول شعار لموقعك ولإظافة هذا الجدول إذهب إلى 


© © مالحا 
١‏ 1 


جدول ١‏ في ١‏ 
واختر جدول واحد وبمجرد الضغط سيقوم بإدراج الجدول في أعلى الموقع وقم بسحب ارتفاع الموقع حتى يصبح 
الشكل كالآتي : 


اط ا_عمدم_بعم - عوع<أممع ا الأمعوى زابز لك 


ملف تحربر عرض إدراج تنسيق أدوات جدول إطارات إطار تعليمات 7 اكتب سؤالاً للتعليمات 
(يا | ؟ | © © لله لما 2 [8زا | + هت + ص | 5ه فم + 7 ها 3 - 3 85 ل - 2 + نا 
_ حل - م 1ك ] كه 2ه ع حو كو يمر ب < )2 ]مر 2 -51 > | 1 م 8 + لم02 3 - صقوه8 نبعلا! معم 11‏ + عادي 
0 #تمغط.1_عوهم_بسبعم طرق العرض. ا 


الصفحة 


ف هذا القسم تضع صورة عبار عن شعار 
لوقعك 


| ؛ | معينةك 1ك |عادي 4 


ثائية نوق 54.8 0 25 الذكا 


بعد تصميم الجدول صمم الصورة التي ستكون شعاراً لموقعك وبعد ذلك إذهب إلى 


خط أفقي ا | > ا 
الناريخ والوقت... 2110 25 <: دزاكم يمام جه 
21 مكون وبب... 
| 
صورة ]| ا “خمات... 


0-5 ارتباط .8 تشعبي ... “ا+اانا 


لوق 


معرض صور فوتوغرافية جديه... 


وإختر الصورة التي تريد إدراجها في الجدول 

ملاحظة :إرتفاع وعرض الصورة يجب أن يكون مناسباً لإرتفاع وعرض الجدول قبل البدأ بالعميلة السابقة يجب عليك 
وضع مشيرة الكتابة(فعند إدراج أي شيء يجب وضع المشيرة في المكان الذي تريد الإدراج إليه) في قلب الجدول 
كالآتي 


فبعد إدراج الصورة سوف تكون النتيجة كالتالي : 


الأن قمنا بتصميم الشعار الأن نريد إدراج جدول مكون من عمودين العمود الأول سيكون خاصا للأقسام والعمود الأخر 
خاصاً لمحتويات كل قسم(من صور أو مواضيع ....الخ) قبل البدء ضع مشيرة الكتابة تحت جدول الشعار ومن ثم 
إذهب وأختر كالتالي : 


ستلاحظ أنه تم إدراج جدول مكون من عمودين قم بسحب العمود الذي في الوسط إلى الأتجاه الأيمن كي يصبح الشكل 
بشكل نهائي كالآتي : 


وبإمكانك تصميم جداول وأقسام كما تشاء فيمكن تصميم الموقع كالتالي 


ا البرمجة.. إسهل الزوار ‏ إلقئة ليريية_الموذج ريدي سد لزوا/0/ 


عات 


أهلا بكم في قسم البرمجة تحياتي لكم مدير عام الموقع 


ملاحظة_ : في الفقرة السابقة إستخدمت عدة جداول مرقمة كما في الصورة التي في الأعلى 
كل ذلك فقط ضع مشيرة الكتابة مكان تريد إدراج به جدول وإختر عدد الأعمدة كما بالشكل 
© © مااع 
كه 


ز جات | 


تلوين أو إظافة صور داخل الجداول(التحكم بالجداول) : 


الآن بعد أن تعلمنا كيفية تقسيم الصفحة بالجداول وإنشاء بوساطتها الأقسام التي نريد سوف نتعلم في هذا الدرس كيفية 
التحكم بهذه الجداول كما نشاء 
اول إذهب إلى الجدول الذي تريد التحكم به واضغط الزر الأيمن عليه واختر خصائص الجدول : 
قص 
نسخ 
8 لصق 

تحرير الصورة 
ع2 إدراج صغوف 
58 إدراج أعمدة 

خصائص الصفحة... 
[ عمييد._ | 

خصائص الخلية... 

خصائص الصورة... 
5 صورة مصكرة تلثقائية 
يكنا ارتباط تشعبي... 
فتظهر لك النافذة التالية وبإمكانك أن تفعل ما تشاء بهذه النافذة إما بتغيير الون أو تغيير الحجم كل هذا يعود إليك فمثلاً 
أنا قمت بالتغييرات التالية : 

96[ 7!| خصائص الجدول 
المحاذاة: الأقتراضصي ”| تحديد العرض؛ 
اتجاه الجدول ؛ الافتراضي ) |+] | : بللبكسل 00 

نطاق الخلية: ع | 50 --- 
المسافة بين الخلذيا: ده | 0 | ©) باليكسل 


'» بالنسبة المئوية 
اتجان الجدول:؛ بلا |-] 


تدود 


الجحم لست 1 | الحذ الغانئت: تلقاثي * |-| 


إللون ! 1111111 | | الحن الداكن: تفثي 1 | | 


”أ إظهار حدود الخلذيا والجدول 


الخلفية 


اللو 1ك | | 


آ استخدام صورة خلفية 


| يمط.., | صفق || إلغاء الأمر | تطبيق 


فستكون النتيجة كالتالي : 


ملاحظة مهمة : يمكنك التحكم ليس فقط بالجدول بكامله يمكنك أيضاً التحكم بالخلية الواحدة مثلآ لدي الجدول الذي في 
الأعلى فيه خليتين ولنفترض اني اريد إجراء تغيير على خلية الأقسام فقط يمكنني عمل ذلك بسهولة فقط إضغط على 
خلية الأقسام بالزر الأيمن واختر 


5 لصن 


ع3 إدراج صفوفك 


[ 7296| خصائص الخلية 
التخطيط 
محازاة أفقية: 


؛ باليكسل 
*؟ بالنسبة الحثوية 
امتداد الصغوف : ”أ تحديد الارتفاع: 


محاذاة عموذية: 


2 
امنداذ الأعمدة 


تلقائي 8 |- 


”| استخدام صورة خلفية 


اذ كوما ام لمة كمع مداع هه :عل نعا6 | استعراض..., خصائص... 


فيصبح شكل الخلية كالتالي 


لاحظ انني استخدمت صورة داخل الخلية 


الآن سنتعلم كيف نضع خط إفتراضي يتعامل معه الجدول بشكل كامل أو الخلية الواحدة فقط: 

إذا كنت تريد وضع خط إفتراضي لجميع الجدول إضغط في أي مكان من الجدول بالزر الأيمن وأختر خصائص الجدول 
وإذا كنت تريد وضع الخط لخلية ما إضغط على الخلية التي تريد وإضغط بالزر الأيمن عليها واختر خصائص الخلية 

فتظهر لك نافذة الخصائص اختر منها زر نمط كما في صورة الخصائص التي في الأعلى وبعد الضغط على زر نمط 


تظهر لك النافذة التالية 
| 96[ 2 تعديل الذمط 


الاسم (المحدد)؛ نوج النمظ؛ 
الفثة: المعرف: 
0 3ع تو نالأأادعرام 3 
المحاينة 
اسار د اامالةة اعارذ افاافلقذ ف رذ افارةة اسار د اامافءة:ة اسارذ لاإمافةة اسار د اامافةة ارد افاالفرةذ ا رذ امااعة 


#ةرذ امي يد معدينها انر نادي يد, مونباها انر اذ كدي بدى مدنونها درن آم بد معدينها ار ذالدي بد, مونباها 
اسشرذ دي يدم مدلولها #دةرذ امي يدم معدينها انر ذادي يدم مولباها 


اعرذ قافيذ امسر ذ اسافية ارد ادر اسرد أفافية ارد أفايذ امش د يذ ار د أعاييذ #رةرد أماايذ 


الوصف 


ُ افق | الخد الام 


اختر تنسيق واضغط على خط ومن ثم تحكم بنوعية الخط كما تشاء كما في الصورة 


باعلا قااة كولم 
)لاق لاةكومام 
امع “«قمكومةقء 1 عأطق/م 


اك ةامة]) داز 


تلقائي * || 


]أحرف استهلالية صغيرة 
[ أجرف استهلالية كبيرة 
٠‏ ] الكتابة بأحرف كبيرة 


الأن بعد أن تعلمنا الأساسيات في رسم الجداول وتقسيم الصفحة إلى عدد من الجداول والتحكم بها سوف نقوم الآن ببناء 
موقع كمثال وليكن إسم الموقع 10ح52ن0!] حيث يحوي هذا الموقع الأقسام التالية 


قسم معلومات عني - قسم سجل الزوار - قسم القائمة البريدية - قسم النموذج البريدي 
قبل البدء : 


قم بإنشاء مجلد بإسم الموقع كالتالي 0:11!101521721 حيث أن 1015317] تعني إسم موقعك 

لماذا قمنا بهذه العملية قمنا بها لوضع جميع ملفات الموقع بمجلد واحد 

بعد إنشاء المجلد إفتح برنامج 21011482306 واضغط ملف ومن ثم جديد وبعد ذلك إذهب إلى ملف ومن ثم إختر حفظ 
واحفظ الملف في 0:1]10152311 وأدخل إسم الملف )©1001 

ملاحظة : لا تقم بتسمية الملفات باللغة العربية ودائماً قم بتسمية الصفحة الرئيسية بال )اء[1170 


بعد حفظ الملف إضغط اليمين في أي مكان من الصفحة واختر خصائص الصفحة كما بالشكل: 


85 اصصق 

خصائص الصافحة... 
ذم خط.. 
يها ارتباط تشعبي... 


فتظهر لك النافذة التالية مشروحة كما بالشكل: 


| اللغة | تخصيص | هوامش | الغلفية| عام 
الموقع: 00 002020202020200 ,»ع كمارسةكلاط( :عا 
العنوان : 
الموقع الأسياسي : 8 


الإطار الهدف الافتراضي؛ 
صوت في الخلفية 
الموقح: 
التكزار: 2 أ #] على الدوام 


برمجة نصية باس تخدام عناصر تحكم وقت التصميم 


النظام الأساسي؛ الحميل (0711 4.0 ع1) 5 
عأمأع كا 3 إ 
أماعدة ةل 3 إ 


الآن إذهب إلى ١‏ 


الارتباط التشحبي؛ 


ارتباط تشحبي تمت زيارته: 


الارتباط التشعبي. التشط؛ 


فتصبح الصفحة كالتالي: 


إنشاء الصفحة الرئيسية : 


أولآ رسم الشعار : 


١ط‏ تمغطء ع لم1 م 


أنا قمت برسم شعار المثال ببرنامج الفوتو شوب إذا لم تكن تملك الفوتوشوب يمكنك رسم شعار خاص بك بأي برنامج 
محرر صور فمثلاً يمكنك رسم شعار ببرنامج الرسام ولكن عند إنشاء صورة إجعل عرضها وطولها على سبيل المثال 
العرض١٠٠‏ والطول ٠٠١‏ بحيث حجمها يتناسب مع الجدول بعد إنشاء الصورة احفظها بالمجلد 5201ن6:1]4 
بإمتداد يجب أن يكون إما 6ل أو 611 لأن هذه الإمتدادات صغيرة الحجم مما يسهل تحميلها للأنترنت وإحذر من 
أن تنشىء اللاحقة 51/15 لأنها كبيرة جداً 
ملاحظة : جميع الصور التي تريد وضعها في الموقع تضعها بمجلد الموقع بالنسبة لمثالنا نضعها ب 11!0152171: 72 


ثانياً إدراج الشعار : 


أولاآ ندرج جدول وحيد بدون أعمدة كما تعلمنا بالدروس السابقة ومن ثم نضع المشيرة داخله ونذهب إلى قائمة إدراج و 
من ثم صورة ومن ثم صورة من ملف ومن ثم تذهب إلى المسار 10:1!1052311 حيث قمت قمت بحفظ صورة الشعار 


بعد إدراج الصورة تضغط على الصور 
2 
تال 


ة ضغطتين متتاليتين فتظهر لك النافذة التالية وتقوم بالتغييرات كما بالشكل : 


اله 


المحاذاة: الافتراضي - تباعد أفقي: لت. | 


سديك الحدود: 
الحجمر 
*] تعديد الحجم 


هذه هي التغييرات 
الث قمناءبها 


| 2 تباعدعمودي:‎ | ٠ 


العرضلا: لت..٠‏ | الارتفاع: لت..٠‏ | 


فتصبح النتيجة كالتالي : 
1 معطا برع لم1 م ا 


محقج مر دحب لاما 


الآن بعد أن أنتهينا من تصميم الشعار سوف نقوم بتصميم جدول مؤلف من أربع أعمدة كما بالشكل 


سنضع بالخلية الأولى الصفحة الرئيسية وبالخلية الثانية سجل الزوار -وبالخلية الثالثة نضع الاتصال بنا وبالخلية 
الرابعة قائمتنا البريدية كما بالشكل : 


سنضع في قسم الأقسام القيم التالية : 
5 قسم سجل الزوار 
3 قسم القائمة البريدية 
5 قسم النموذج البريدي 
وفي قسم المحتويات النص التالي : 


أهلآ وسهلاً بكم في موقع حون !ا 
تحياتي لكم حسام الدين حسن 


كي تصبح النتيجة بشكل نهائي كالتالي : 


قائمتنا البريدية 


أهلاً وسهلاً بكم في موقع 100هولا] 


تحياتي لكم حسام الدين حسن 


يمكنك أن تقوم ببعض التغييرات على الجداول وذلك بتغيير إما ألوانها أو تغيير حجمها 250 
كما تعلمنا سابقاً وذلك بالضغط بالزر الأيمن على الجدول المراد تغير خصائصه واختيار خصائص الجدول حتى تصبح 
نتيجة مثالنا كم يلي: 


ممفخ «ومريجحبلاغ 


|ااقسم: ------ |السحتويت: 


أهلاً وسهلاً بكم في موقع 415210 


تحياتي لكم حسام الدين حمسن 


إنشاء الروابط التشعبية بين الصفحات : 


قبل البدء بإنشاء الروابط : 


إضغط في مكان من الصفحة بالزر الأيمن واختر خصائص الصفحة كما تعلمنا سابقاً واختر 


الخلفية 
ومن ثم اختر 


تغيير ألون الارتباط 


الارتباط النتشحبي:؛: 


ارتباط تشعبي تمت زيارتة! 


الارتباط التشعبي التشظ؛ 


آالحصول على معلومات الخلفية من صفحة أخرى 


سو[ زرا 


7 تمكين تأثيرات التمرير فوق الارتباط التشحبي 


النديط عند التمريز... 


بعد الأختيار إضغط على زر النمط عند التمرير فتخرج لك النافذة التالية قم بتغيير الخط إلى الى الخط الذي تريد وقم 
بتحديد عريض ام مائل وقم بتحديد تسطير علوي و تسطير كما في الشكل 


باع لا قااة كولم 
لاق لاةكومام 
امع “«قمكمةقء 1 عأطق/زم 


]احرف استهلالية صغيرة 

1 أحجرف استقلالية كبيرة 

٠‏ ] الكتابة بأحرف كبيرة 
مخفي 


زلالاومنا ا ططاققهم 


بعد ذلك إضغط موافق 

ملاحظة : لا يمكنك إختيار خط خارجي يمكنك فقط اختيار الخطوط التي تأتي مع ويندوز 

إنشاء الروابط : 

الآن بعد إنشاء الصفحة الرئيسية سنقوم الآن بإنشاء الصفحات الأخرى وربطها مع بعضها 

أولاً قم بالذهاب إلى قائمة ملف واختر حفظ بإسم واحفظ الصفحة بإسم 11501/16176177 في المسار 52101 ن!0:1 
وقم بالتغيير البسيط وهو مسح نص قسم المحتويات واستبداله بالنص : 

معلومات عني : 

الأسم : حسام الدين حسن 

البريد الإلكتروني : 0111 .123601112110015 52111لالآ 


الموقع : لازم 2107اعع [.ع]نام ثا 01100 ثلا الالثالنا 
البلد : سورية - حلب 


أنت الآن في صقحة معلومات عني 


كي تكون النتيجة كالتالي : 


معلومات عني : 
الأسم : حسام الدين حسن 
البريد الإلكتروني : 53111_2)©211121]0017.60111ناذا 


الموقع : 011ج. 0ه ]عع [. اع ]نام ناه 010 نلا الارئايلا 
البلد : سورية - حلب 


أنت الآن في صفحة معلومات عني 


الصفحة الرئيسية ‏ وقع دفتر الزوار - مشاهدة دفتر الزوار 


لا توجد أي مدخلات في دفتر الزوارم] 


الصفحة الرئيسية ‏ وقع دفتر الزوار - مشاهدة دفتر الزوار 


واختصاراً 


قم بحفظ الملف مرة أخرى بإسم 5231| ومرة أخرى بإسم 83/60 وأجر التغييرات التي تريد على كل ملف في خلية 
المحتويات 


الآن أصبح لدينا 5ه ملفات هي : 


لم53 - صاغط.لود اا - صعغط. ج203 - صعغط.عالاامأما - صغط.>«اع0ما 


الآن قم بتفح الصفحة الرئيسية وإذهب إلى الكلمة وقم بتحديدها و اضغط الزر الأيمن عليها كما بالشكل: 


إدراج صنوف 
إدراج أعمدة 
خصائص الجدول. ‏ ل 
خصائص الخلية... 


فى ١‏ ---2-2-22-7-7--22 سس ول] إنع |© احم 
: إشارة مرجحية... 


1 ْ الإطاز الهدف ... 


الإلكترضفي 0 [ _صضوففق ]| إلخاء الأمر 1 


بعد ذلك إضغط موافق فتآخذ الكلمة اللون الذي حددناه للارتباط التشعبي بخصائص الصفحة كما في الشكل 


الصفحة الرئيسية 


الآن بعد أن تعلمت كيفية إنشاء إرتباط تذ تشعبي للكلمات قم بتطبيق هذه الأوامر على باقي الكلمات مع تحديد كل ملف 
حم نوع انم حت تصبيعتيهة كا لشن 


ملاحظة : يمكنك تغيير ألوان الأرتباطات حسب ما تريد كما يمكنك وضع إرتباطات للصور أيضاً 


أما بالنسبة لقسم الأقسام قم بإنشاء الروابط حسب الكلمة وحسب الملف التابع لها حتى تصبح النتيجة كما يلي 


الأن أصبح مشروع الصفحة الرئيسية كهذه الصورة : 


بسم الله الرحمن الرحيم 
أهلً وسهاً بكم في الصفحة الرئيسية من موقع 15005210 
نرجوا أن يعجبكم الموقع| 
وشكراأً 


أنت الآن في الصفحة الرئيسية 


الآن قم بنسخ هذه الروابط لجميع صفحات الموقع : 

ملاحظة : بإمكانك التنقل بين الصفحات عن طريق وضع الماوس على الرابط الذي قمت بإنشائة وضغط زر 

1101 حنن لوحة المفاتيح ومن ثم الضغط بالماوس على الرابط بعد الضغط ستلاحظ ان البرنامج قام بتحرير صفحة 
هدف الرابط 

ملاحظة ؟ : يمكنك فتح أي ملف من خلال الرابط التشعبي 


وقد خصصت التطبيق الثاني من مجلد التطبيقات كمثال على إنشاء الروابط بين الصفحات 


وهذه هي صورة التطبيق 
الصفحة الرئيسية -عع:مام)اع أعم2ع 1ه | 1م كمع ]اا كع 
ولف تحرير عرض المفضلة أدوات لعليمات 1 
وس - © - 8 9 © امب لوس © 2-8 5 ١‏ نا 


عنوان | لظا دراط برع دجن 'التطبيق 9١ا:ع‏ 


| [قم انتقال مانا »> 


لهذا 
أهلاً وسهلاً بكم في الصفحة الرئيسية من موقع 207 115لا 
أتحياتي لكم حسام الدين حسن 

| 


(2 ع///:ع|6:” التطبيق ١73‏ ؟”مماط.ادم2 | |0 |01 0|١01‏ ا 94 جهاز الكمبيوتر 


وضع الصور المتكاملة داخل الخلايا كما بالشكل : 


الصفحة الرئيسية -عورهامكاع أعمعاه! )4مدمء آابا كات 
ولف تحربير عرض المغضلة أدوات تعليمات 2 


© هد - © - ها 18 © قرب لوس © ج- 2 ه ١‏ انا ع 


غنوان |6 منط بع لمزاتصميم موقع مجائي من البداية حتى النهاية؛التطبيق؟؟:ع 


| إقم انشقال مانا > 


م 


م 
أقاثمتنا البريدبة 
لي 


12:11 'انصميجة. مو فهمة. امجادي :2 "منمة.؟البد ابة/:. ؟حتى 03 النهاية/ النطبيق 20.0105 جههاز الكمب 


أولآ إضغط على الخلية التي تريد وضع الصورة بداخلها بالزر الأيمن واختر خصائص الخلية(كما تعلمنا سابقاً) 
بعدها اختر استخدام صورة خلفية وتحدد مسار الصورة وتضغط زر موافق كما بالشكل: 
[7|)96] خصائص الخلية. ا 
محازاة أفقية: الافتراضي |[+] #] تحديد الحرض؛ 
مو الافتراضي [ + ] 1 ا :» باليكسل ‏ 
: *) بالنسبة الحيئوية 
امتداد الصغوف ؛ - 2 ”آ تحديد الارتفاع! 
امتداد الأعمدة: لخد 2-2 ]| 589 ] © بالبكسيل 
"© بالنسيية المثوية 


آخلية العنوان 
آ يلا التفاف اتجاه الخلية: ‏ بلا [>] 


الحدود تت ا ا ا 
إللون ؛ || الحد الغاتح: تلقائي 18 [>| 
الحد الداكن: تلقائي 5 || 


3 ا بة 
اللون: تلقائي 18 


7 استخدام صورة خلفية 


وقد وضعت الت لتطبيق الثالث كمثال على إنشاء خلفيات للخلايا 


ملاحظة هامة جداً جداً في مجال تصميم المواقع : 


عند تصميمك لموقع قبل تصميم الموقع وقبل تصميم الصفحات يجب أن تقوم بإنشاء مجلد خاص بهذا الموقع وتضع 
داخله كافة ملفات الموقع من صور وملفات الويب كالشكل التالي : 
يق 7ع 


له © لظ لظ لت اله كه | #© 


لع]ة 8 برع لما .ع لما 2ع لما عمرمأضما اقعذا 322 _ا_عصيم أقمتك 


لماذا تقوم بذلك؟ لكي تكون الروابط معروفة عند تحميل الملفات إلى الموقع 

توضيح أكثر 

مثلآ لديك ملف ويب في السواقة © وملف الصفحة الرئيسية في السواقة ] ويوجد رابط داخل الصفحة الرئيسية 
بفتح الملف الموجود في السواقة © هذا الكلام نظامي داخل كمبيوترك ولكن عند تحميلك الملفين إلى الأنترنت فهناك لا 
يوجد سواقة © ولا سواقة 0 لذلك يجب الأنتباه لهذه النقطة 


طبعاً أنا لم أقم إلا بإدخالك في عالم تصميم الصفحات ويمكنك تصميم صفحات حسب رغبتك وحسب ذوقك المبدع 
ملاحظة : بإمكانك بوساطة برنامج 7045206 تحرير أي موقع أو أي صفحة ويب ذات اللاحقة |00غ!! 
تم وبعون الله الأنتهاء من جزء تصميم الصفحات أرجو أني قد وفقت في الشرح 
وإذا كانت هناك أمور غير مفهومة أو أني مقصر في مجالات مختلفة 
راسلني ولا تتردد 
0 .12601113100 107 و5ك نلآا 


الجزء الثانى - حجز مساحة على الأنترنت وتحميل صفحات الموقع وإنشاء الإظافات : 


الأن بعد أن أنتيهنا من تعلم تصميم الصفحات وإنشاء الأقسام والجداول سوف نقوم معاً بتصميم موقع لهذا الكتاب 
وليكن إسمه (اع/لاع»131/! وسيحوي هذا الموقع على : 
معلومات الكتاب + سجل الزوار + قائمتنا البريدية + راسلنا + عداد زوار 
سمي بالله ودعنا نبدأ 
أولاً إذهب إلى موقع جيران (الموقع ما بيضيع حدا) : 
311.0 اعع [. لالالالالالا 
فتظهر لك صورة الموقع كالتالي اختر كما بالصورة ٠‏ 


جيران - :ع1 هام)اع أع10ع101 )01دم1ع ]1لا - [العمل دون الاتصال] 


ملف تحربر عرض المفضلة أدوات تعليمات 


© سف - © - هد| ]| 49 ١‏ مرب عو سسة © | 6- وك 81 - اننا خله 


2 “تامع كزة زعع[| باخ ابت مقاط 


دخوك | تسحيل | بريدى الالكترودى | اقدادات | مساعدة | دادتاودع | 


© هل تعلم أنه يمكنك إنشاء حساب في جيران ب 


أسهل الأن؟ 
اقراً المزيد المزيد 


5 0 


بعدها تظهر لك صفحة تسجيل المعلومات قم بإدخال المعلومات كما هو موضح بالصورة : 


عضو في جيران؟ اضغط هنا سحل في حيران الآن! 
هنا امو 3 
م المستخدم سم لواح 
ممم 
تهانينا! اسم المستخدم الذي اخترته متوفر هذه الجملة تخرج تلقائيا تأكد منها 


البريد الذلكتروني 
. حاه م اكات 15)61ا_1لق5لاطا ميلك 


رونت 


رجاءٌ ادخل بريد الكتروني صحيح 


كلمة السر 


©6666 

يحب ان يتكون من 35 احرف على الأقل مساعدة في كلمة السر؟ 
اعد ادخال كلمة السر 

©6666 6©© 

الجعنس 

© ذكر © أنثتى 

الدولة 

سوريا » 


ناريخ الميلذد 
|17 ]كد )|1551 ]| 


3 72775 يجب إدخال هذا الرقم قِ الأسفل 


| ,١ 55| 


[ |[ استعراض.. | 


في الصورة السابقة يوجد العديد من الخيارات التي تمكنك من الأتصال بأصدقائك لدعوتهم لموقعك عن طريق إرسال 
رسالة لهم على الإيميل ووضع صورة خاصة للموقع في جيران 

بعد الضغط على التجاوز عن هذه الخطوات 56 

ستظهر لك هذه الصفحة ٠:‏ 


الرئيسيةءح ععلوماتي الاهتمامات وات ميقن 


-إبداً عداداتي: 
-عدلك صفحتك 1 
-إعذاداد الأصدقاء: ٠+‏ 
5 ظ -أضف مقال جدند 
-ادعو أصدقائك عدد الزواز! * 
عدل الصورة ‏ -تحمل صورك 
جك السخصينة7 ا(المسعوطنيا التعليقات: * 
بع الأمكم ممع .مقعع زطع جنع عاق م/م :مخاط الترجوت :في جيرات::» 


إضغط على الرابط رقم واحد أنا وهو إضافات لكي نقوم بوضع سجل الزوار والقائمة البريدية وعداد الزوار 
بعد الضغط على إضافات تظهر لك الصفحة التالية 


اضاقات رائعة للموقع 


ظ 2 ل لوهات الْدواء 


لزوار موقعحك ء ككما يمكنك السماح لزوار موقعك بتعليق 
ملأاحظائهم , 


احارة لوحات الزوا 


دفاتر الزواء 1 


نعحدرء يمكنكم الحصول على العديد من حفاتر الزؤار, 
م الزواز يمكن زوار موقعحك من نشر ملاحظات عن موقعحك 
دازرة الزوا 


6 القوائم البرندرة 2 


إجمع عناوين البريد الإلكنروني لزوار موقعك و أرسل بريد 
إلكنروني إلى قوتئمك البربدية. أحاة ممتازة لأرسال الرسكل 
الأخبارية و الإعلنات إلى عملاتك و زبتنك. 


مدا باس نتخدامها الأث 
كا النماذج البرنديه 3 
النماخج البربديه شي الطريقه الحمثلى للحصول على مكلوفات 
من زوان موقعحك 
إدادة التماخخ اليرت 


6 عدادات الزواء 4 


تحداحات الزوار من 66دع.مة “26 توفر لك المقدرة على متلبعة 
أعداد الزوار النين يزورؤث صفحاتك, 
ددا أحارة خداحات الزؤاز 


سنقوم ألآن بتصميم سجل الزوار إضغط على الرابط سجل الزوار فتظهر لك الصفحة التالية حيث تخبرك هذه الصفحة 
بأن موقعك لا يملك سجل زوار : 


ال أمسامدة 


دفقتر زوار حجيران هو الطريقه المتلى 
للتفاعل مع زوار موقعك. دفاتر الزوار تمكن زوارك من 
وضع زساله عامه على موقعد , يمكن تحرير دفتر الزوار كما تشاء . 


هذه بعض عن خصائص دفاتر زوار حيرات يمكنك الحصول على أكثر من دفتر زوار 
- ضع صوره على دفتر الزوار 
- اختر أي خلفيه مناسبه 
- تنكم كامل بمعطيات دفائر الزواز. 
بمعدتنك الحتصول على دقتر زوار بسهولة ... 
١‏ ذفتز زواز جددد 


؟. خصص دفتر الزواز كما تشاء 


إضغط على دفتر زوار جديد فتظهر لك الصفحة التالية لكي تضع إسم لسجل زوارك كما بالشكل: 


الربحاء إدخاب عنوات لدفتر الزوار: 


+6 رمز على الاكثر: اسجل الزوار 


بعدها أضغط على أنشىء سجل زوار جديد فتظهر لك الصفحة التالية من خلال هذه الصفحة تتحكم بصفحة سجل الزوار 
حيث تقوم بإدخال لون خلفية الصفحة وألوان النص والخط ووووووو وتأكد بأن تكون الخيارات كما بالشكل : 


الزجاء اذخال خصائص دفتر الزوار بشكل يشبه باقي موقعك 
(ملاحظه؛ جميع الحقول التي تحتوي على ** ' بجانبها مطلويه) 


* العنوان! أسجل الزوار 2 | 
سس | لهم 
ددسم | #لوع 
لون الوصله: 8 دص 
لون الوصله المزارة؛ 7 لدم]) 


أحرف الصفحه الأصليه: ع مان اد 5 
هل تود اخبارك بالمراسل الشخصي عند اضافة تحليق جديد في الدفتر؟ نحم 60 ١‏ © 
الشعار 
(يقبل 1101 

حرف: [541 | ألخذ الأقصضى++ة 
شعار بالأسفل؛ 
إيقبل 111 ) 

عرق :| ألحد الأقصي++*ه 
* رسالة شكر: كر | لكنوة 00 
(الرسله ستظهر للزوار د ين 
بعد توقبع دفتر الزوار). 


حرف؛ | األحد الأقصى +++ 
لخة دفتر الزوار © عربي 


© طواومع 
اللخة التي سيظهر بها الدفتر لزوار موقجل. 


إضغط على أرسل التغييرات فتظهر لك صفحة الكود فهذه الصفحة لا تلزمك فالأن أصبح لدينا سجل زوار اسمه سجل 
الزوار الآن نريد الحصول على رابط سجل الزوار لكي نضع رابطه في موقعنا نضغط على مشاهدة من خلال هذا 
الصورة: 


هنا يمكنك تحرير تواقيع زوارك 
بحذف التواقيع الغير مرغوب بها 


فبعد الضغط على مشاهدة تظهر لنا صفحة خارجية وهي صفحة سجل زوار موقعنا كما بالشكل: 
لا ننسى زيارة سجل زوار موقع 21.©0111اعع[. ماع نناعكا ١1١2‏ الالثالالا 


سجل الزوار -عع:هام)اع أعمرع1ه! )أمجعمعع ]ابا - [العمل دون الاتصال] كلعاته 
2 


ولف تحربر عرض المفضلة أدوات تعليمات 


© - لننا (2| 49 مربك علو سه © 2- و 8 - | خة 


انتقال. ) وناصنا © 


الصغفحة الرئيسية | وقع دقتر الزوار | شاهد دقتر الزوار 


لا توحد اي مدخلات في دفتر الزوار 


قم بنسخ هذا الكود بأكمله واحفظه في أي مستند نصى لأننا سوف نحتاجه لكى نضع هذا الرابط 


قم بإنشاء مجلد خاص لكي تضع فيه أكواد الإضافات بالنسبة لسجل الزوار قم بإنشاء مستند نصي داخل المجلد الخاص 
بالأكواد وضع فيه رابط سجل الزوار واحفظ داخله الرابط كما بالشكل 


الآن قمنا بتصميم سجل زوار لموقعنا بشكل كامل وهو خالي حالياً الآن سنقوم بإنشاء قائمة بريدية لموقعنا: 


إنشاء قائمة بريدية : 


قم الآن بالضغط على إضافات للموقع(حيث تجدها في أعلى الصفحة) من جديد لكي تخرج لنا صفحة الإضافات واختر 
منها القوائم البريدية فتظهر لك الصفحة التالية : 


إبدأ هنا 


القوائم البربدية من ادع,لاة 56/7( شي الطريبقة المثلىٍ لجمع عناتين 
البزيد الإلكنروني من زوار موقعكء. و مراسلتهم جميعا في ان واحد,. 


!)ذا ودألتقت لاد تمل 


20055 الهم »6 نات 


مامه )عرعمو داه عزك ل ا 


مناسبة للزسائل اللإخبارية, الإتّصال بالعصلا أو إخباز الزوار عن 
تحسينات الموقعح يمكن للزوازر أن يِنَصَمَو إلي القاءمة من موه 3 
قوائمنا البزبدية قابلة للتعديل كليآ لذا يمكن أن تجعلها تبدو مثل 
باقي موقعك , 


هذه بعض السعات الذي تحصل عليها مع القواثم البريذية صن تلامع. مق وعع1: 


- يكن أن تنشنخ خ قوائم بربدية متعدذة, 
- أدسل بريد إلكترضي إلى أكثر من قائمة بربدية في نفس الوقت. 
- أزشيف من الرسائل الإلكترضية التي أنشاتها أو أزسلتها سابقآ, 

- محرز النص المتقدم لإنشاء رسائل إخباربة (11]:1!) (لتشض تي إمر إل ) جذابة و ملهنة, 
- السيطرة الكاملة لحذف أي مشترك في قوائمك البزيدية, 

- تلق بريدآ إلكتزونبآ عندما يبشتزرك شخص ججتديدفي قائمنك أو ينهي أحد المشتركين 
إشتزاكه من القائمة, 


كيف تحصل على فائمعة بريدية عن 30.2011 ا66[؟ بسيطة .. 
1 ان قائمة بريدية جدددة 


؟, عدلها كما تحب 


إضغط على إنشاء قائمة بريدية جديدة فتظهر لك الصفحة التالية : 


اسدراعنوان القائمة: | اع ١‏ 

|قائمتنا 

حد اقصى +*ت حرف: 
لغة القائمة: 2 
هذه اللخة هي التي ستظهر بها جمبع الزسائل © عيبي 
لمشتركي هذه القائمة 60 ناد أاومع 


أدخل إسم لهذه القائمة ومن ثم إضغط أنشىء هذه القائمة وتابع إعدادات القائمة حتى تصل إلى صفحة الكود وقم 
بنسخ الكود بكامله وضعه بمستند نصي خاص كما تعلمنا سابقاً واحفظه على كمبيوترك لكي نضعه في صفحاتنا لاحقاً 
كما بالشكل: 


ملاحظة : إن إنشاء الإضافات أمر سهل جداً فقط قم بتعبئة كيف تريد أن تكون الإضافة التي إخترتها حتى تصل إلى 
صفحة الكود فهناك تكمن الصعوبة (ولكن لا تقلق في الدروس القادمة لن أشرح سوى صفحة الكود أي كيف نضيف 
هذه الإضافات إلى صفحات موقعنا 


إنشاء الموذج البريدى : 


قم بإنشاء النموذج البريدي (فقط قم بتغيير الألوان والخطوط والنصوص) حتى تصل إلى صفحة الكود كما بالشكل 
يوجد لدحيك خيارين لتنمكين زوارك من ارسال بريد الخترقي 


-١‏ استععمل النموذج الاصدي 


لأس تعمال النموذج الأصليء نسم ووضع الكود في كود صفحنك 


-3512 “ناه ك . لق ماع ع ز . تاكانة # / : تغط" دققعط 5+ 
2 3512 . 1 1:تنقانة نا دع 17 1تنقااطا هع 7 125 1ق “رط “ةط 
58 1111-3 "1 دلت 11 03> 115102 1 2 115 تآ مط 5 >-1013 طاعة 


<ق ”,> 112 81015311 <” 


آنقل إلى [الكلببورد) 


1- حرر النصوذت البريدي خاري حيرات 


نسخ ووضع الكود في الكود الخاص بك ثم حرره كما تشاء مع المحافظه على اسماء الحقول 


562156> 
“ناح ت 2 ”,11ت “ااه ا . قلق دع تك ز . لاتالة # / : تغط" دع ترح 


" بق ,79578 3 “رطع رومع 1ه 
< 52 1 عدج 5 ><" 6ن 1 عدت تق ز ‏ -13052اوتقة 1 


آنقل إلى (الكلببورد) 
فقط قم بنسخ الكود المحدد في المستطيل الأسود في أي مستند نصي واحفظه على كمبيوترك كي يصبح مجلد الأكواد 
كما بالشكل : 


8# 5 


رابط سجل كود القائمة كود النوذج 
الزوار البريدية البريدي 


وطبعاً أظن الآن أن فكرت إنشاء المستندات النصيحة أصبحت مفهومة وعند تصميم أي إضافة نقوم بوضع كودها 
بمستند نصي خاص به لكي يتم الإستفادة منه لاحقاً 


إنشاء عدادات الزوار : 


حتى الآن قمنا بالتالي : 

حجزنا موقع في جيران اسمه اعل/اع»131/] ورابطه 

0 . للواعع [. ماع نالاع عا ت 11١‏ . لالالالاللا 

وقمنا بتصميم سجل زوار + قائمة بريدية + نموذج بريدي + عداد زوار 
وقمنا بحفظ أكواد هذه الإضافات في مستندات نصية في مجلد خاص بهم 


تصميم صفحات موقع ماع/لاع»ا2 الا : 


الآن بعد حجز المساحة المجانية ومعرفة رابط موقعك وأكواد الإضافات نقوم الآن بتصميم الصفحة الرئيسية للموقع 
ونسميها “©1101 ونقوم بحفظها في مجلد خاص بها وليكن ١1/©2اع8:11/131‏ ونضع فيها الأقسام التالية : 
معلومات عن الكتاب - سجل الزوار - قائمتنا البريدية - الاتصال بنا(وهي النموذج البريدي) حتى اصبحت الصفحة 
لدي كما بالشكل : 


أهلاً وسهلاً بكم في موقع جاوبها9»ل112 

هذا الموقع خاص لكتاب كيفية تصميم موقع مجاني من البداية حتى النهاية 

أليف : حسام الدين حسن 

لبريد الإلكتروني : 

الموقع الأساسي : 

مجالاتي : تصميم المواقع - برمجة البرامج والالعاب بالفيجوال بيسك ومتوسط بال)4 6116 


الآن سأقوم بشرح لك طريقة وضع أكواد الإضافات في الصفحة الرئيسية 


وضع رابط سجل الزوار : افتح المستند الذي وضعت داخله رابط سجل الزوار وقم بإنشاء رابط لكلمة سجل الزوار 
الموجودة في الصفحة الرئيسية وادخل الرابط الموجود في المستند رابط للكلمة كما بالشكل: 


[96آ][ !| تحرير ارتباط تشعبي 
النص المطلوب عرحية: سجل الزواز | | تلمح الشابثية.., 
بعيث في: حاعبمعكاة 1 د | © اه 
(فمع) ماغط.»دعلما [ 6 | ا 
المجلد 0 
الحالي ا | الأطار الهدف.., 


2 
الأخيزة 


الحنوان: عطاعاوعرولإدمطؤغوع راو كمه 2ةصططاط-مكة نامع . دده زععز, باضطال/ معط - | | إزالة الذرتباط 


إنشاء صفحات الإضافات الأخرى ٠‏ 


الآن سنقوم بإنشاء صفحة خاصة للقائمة البريدية كمثال على باقي الصفحات قم بحفظ الصفحة الرئيسية بإسم 82160 
وذلك بالذهاب إلى ملف واختر حفظ بإسم واحفظها بإسم )8216 

الأن أنشئنا الصفحة البريدية افتح المستند الخاص بكود القائمة البريدية وانسخ جميع محتوياته وقم بالتالي: 

أولاآً لا تنسى نسخ الكود ومن ثم ضع المشيرة داخل الجدول المراد إدراج القائمة بداخله كالشكل التالي: 


انضم لقائمة بريد موقع جز ع يباع»!12/! 


لاحظ المشيرة داخل الجدول 
بعد تحديد مكان المشيرة إضغط على 14131] من الأسفل كما بالشكل: 


معاينة 4 | 1141ل لغا| عادي ها 


فتظهر لك صفحة أكواد 1401]! لا تقم بأي شيء سوى إذهب لقائمة تحرير واضغط لصق ستلاحظ انه تم إدراج الكود 
في الموضع الخاص بالمشيرة كما بالشكل: 


جرص»>ح ‏ ن 2[ .ء .111011 _-01-011111 615 1 :54 :0111 12121 :4 ده :811211-11 كان > 
<"4"-3156 "1981طعهش"<ع5968 20216 > 
001 . ثتة عاء ع ز . تاتاقا/ /ر : تإناناط ''- 2ع عط 86> 
8 5 5 تلن >< ط/ > ااه ع />حة />سجل الزوار 
لاحظ انه تم وضع الكود قّ موقع المشيرة عط "54” د طواعط "255" عطغة 1نة 84> 
9 5 ة<"4"-851258 "181عله "دعع8غ2 اناه > 
عط "54"-25ن 1غط "105-255 50> 
نا<"4"-31256 "181عتظ"دعع28 طتتامع > 
انا /ر > 
<ع 1 طلة-ا /ر > 
نالظ">104 3105-1005 101-4111111 مجعاع3 عمط "011235 :ع5 تزة04612-011اهمط"-3557716 "6113585611625 "22"5زعل طامط ع1طقتء > 
اتقع > 
2طاع 0 عامط "1 #11111 -0125 10111مع2مع0امط "#770000 -101مجم2ع0امط #606000 "0122 1ومعقط "21252291 1غط "1005 "1ك 50> 
<''611-1135 ''>151165 32632> انضم لقاثهعة بريد موقع<"4"-3126 "181تنطظ"-<عع28 طنامع><ط> 
<تز”ر > حزق طلقا <52[ >< طا/ > << 012 2 /ر >حتتنة حزق /ر >“طاع تع ج[116 
١ 6012/8331 -1111/ 177 ,/ 8000113 ,/116 1:‏ 881811 [ . تاتالا / / : نإا 2'' -83611011 01:11 2 >: ترق لطاع < 812521 '-0131 811 (ر> 
8 1-11 0 


مخط/ مه حرص طورع خصوم 


بعد ذلك قم بتحديد بدل 41771 الأمر عادي فتظهر لك الصفحة كالتالي : 


انضم لقائمة بريد موقع را عيناع»!12/! 


القائمة البزريدية 


ريد طاعنتنع اداه 


: © اشترك الآن ‏ 
: © إلغاء الإشئراك 


الآن بعد أن تعلمت طريقة إدراج الكود سأدعك تقوم بإدراج باقي أكواد الإضافات لوحدك ككود النموذج البريدي وعداد 
الزوار 

ملاحظة : قم بإدارج كود عداد الزوار في الصفحة الرئيسية للموقع 

ملاحظة * : بالنسبة لكود النموذج فعند إدراجه في صفحة ال01م14] فلن تشاهده في صفحة التصميم (صفحة العادي) 
لن تشاهده إلا عند معاينة الملف بالمستعرض 


وقد خصصت التطبيق الرابع وهو يشمل جميع صفحات موقع (اعلالاع131/! لكي تتعلم طريقة إدراج الأكواد 
وطبعاً موقع راع/لاع»131/! موجود على الأنترنت 
يفكنك زيارته وتسجل يتؤالك في سجل الزوان الخاضبية 
وهذا هو رابط موقع (اع/لاع»!ج 1لا 
000 . للج اعع [. داع بناع »| ج١111‏ . لالالالالالا 


تحميل الملفات للأنترنت : 


الآن قمنا بإنشاء صفحات وإضافات الموقع بقي شيء وحيد علينا وهو تحميل صفحات وصور الموقع للأنترنت 
لدينا هذه الملفات ٠‏ 


له © لظ ظظ لت (إته ©» 


لعاة 8 برع للا ال 2 برع لما “اده ماما أقع ذا قلأة ابا 


سوف نقوم بتحميلها للموقع 
أولآ نقوم بالذهاب لموقع جيران 211.©60111اعع[. الاللاللا 
ثم نقوم بالدخول لموقعنا كالتالي : 


دخول الجيران 


ٌ | 53 ل د [ ١‏ لمن 


متتخذدم؛ اواعبتنع )|3 


كلمة السر: أه لللنتب 


بعد الدخول إلى الموقع قم بالضغط على 


هنا يتم إدراج قائمة الملفات المحملة 


3 
بعد الضغط على تحميل تظهر لك الصفحة التالية : 


انقل الملفات من جهازثك الى موفعتك بمساعدة هذه الأداة البسيطة. أولا اضغط على ''عويية8]0" لاخئيان الملفات: ثم 
امن 2 ا ا 5 المثفات" , 
نكل ملف_؟ ١‏ ه_كيلوبايت) 7 


عدد الحلغات التي تود تحصيلها: |5 || أظهر الخيارات 


الربحام اختيار الصهلغات الذي تود تحميلها: 
0 


ير 2 


القائصة الذي تود التحميل اليها: 


تحميل الملفات || إلغاء 


)ذا نامز عطبط 112 بزحلة 2دماحزنا حلقء نامز رى )ع طحمعا”ا مبتامعمط ق علق نامز ععداد! 


رقم ال "12" الخاص_ لك :_ 2,117 ارثا 5157 


نحن ننصح بتحميل الملفات على دفعات أي كل مرة تحميل تحمل فيها ه ملفات فقط 
بعد تحميل الملفات تظهر لك هذه القائمة وهي تخبرك أن الملف تم تحميله وانه يمكن أستخدامه بالقائمة من خلال حالة 


الملف 
#إسم الصلف اتخزين الحهلف ك انوج العلف أحجم العلف 2 أحالة الصلف | 
١‏ امغطةنردم_ امتشطدية0 > اطاط« إمذ؟,؟١‏ كيلوبايت |بحيد ا 


<< عودة الى القائمة | د المزيذ من العلقات 


ملاحظة : الصفحة الرئيسية لموقعك يجب أن يكون إسمها 101[ لماذا؟لأنه عند طلب موقعك سيقوم المتصفح 
بالبحث عن الصفحة الإفتراضية وهي دوماً يكون إسمها ا©501! 


ملاحظة ؟ : لا يمكنك من خلال هذه الصفحة تحميل جميع الملفات من خلال هذه الصفحة يمكنك تحميل فقط الملفات 
التي من نوع صفحات ويب أو صور ١‏ 
ولكي تقوم بتحميل ملفات من نوع اخر كملفات الفيديو والموسيقى و /1!*2و210 عليك بالاتي تذهب إلى حقيبة 
الملفات كما بالشكل : (حيث تمنحك حقيبة الملفات مساحة قدرها ٠٠١‏ ميجا) 


بعد تحميل ملفات الموقع تكون قائمة الملفات كالتالي : 


مب للا+ +7 وأبتترية 
8 


ل] ته.ككسوسه تعد د مونم 

00 ايان وب را +؟ وأياتزية 
لأا عأوكصدعنط ا يه ال 000 

0 056 و اه +7 لالايك ديه 
ل] امضطعوهما ل ل 3 
أحمغط بعصا 1 0-1 اوش 558 ليون مأباكزية 
- ينعت لملف ميخ : ا 

2 ا وب ++ وأباتزية 
ل] .مك كعا ويرزم 3 

ما تك مب إلا +7 ومأباكية 
ل] مدعا صم نشد 2 


لا تنسى أن تدعوني لزيارة موقعك بعد الإنتهاء من تصميمه 


تع وبعدزة الام 
الاأنتعدو ومن رنحعتنب 


لأية أسئلة أو أستفسار يمكنك مراسلتي على الإيميل 60111. 13017214001 53117ناطا 


أو زيارة موقع طاع/لاع»1/131 ووضع سؤالك في سجل الزوار مع وضع إيميلك وسأرد عليك فور قرائتي لسؤالك أو 
إقتراحك 


31.01 اعع [. جاع نالاع »| 1112 . لالالالالالا 
أخوك : حسام الدين حسن 
لا تننسنى من دعوة صالحة لي ولهذه الأمة المسلمة 


ملاحظة أخيرة : أعتقد أن الكتاب مليء بالأخطاء الإملائية فاعذروني على هذه الأخطاء وشكراً لكم لقراءة الكتاب 
واتمنى أن تكونوا من أفضل مصممي المواقع وشكراً مرة أخرى 


